@charset "UTF-8";

#petitLogo{
	display:inline;
}
#grosLogo{
	display:none;
}

body{
	margin: 0;
	font-family: "Trebuchet MS",Verdana,Geneva,Arial,Helvetica,sans-serif;
        font-size: 11px;
}
img{
	border: none;
}
hr{
	display: none;
}
.reset{
	clear: both;
	height: 1px;
	font-size: 1px;
}
#container{
	width: 886px;
	margin: 0 auto;
	text-align: center;
}
#fixe-hauteur{
	float: left;
	width: 1px;
	height: 200px;
	font-size: 1px;
}
#identite-visuelle{
	height: 43px;
	text-align: left;
	padding-left: 17px;
	padding-top: 8px;
	position: absolute;
}
#menu-haut{
	height: 55px;
	padding-top: 15px;
}
#idv{
float: left;
height: 40px;
}
#global{
	/*background: White;*/
	margin: 0 auto;
	text-align: center;
}
#global-haut{
	background: url(../img/global-haut.png) no-repeat;
	height: 24px;
}
#global-bas{
	background: url(../img/global-bas-multimedia.jpg) no-repeat;
	height: 72px;
}
#global-ombre{
	background: url(../img/global-ombre-multimedia.jpg) no-repeat;
	height: 109px;
}
#contenu{
	text-align: center;
	width: 886px;
	margin: 0 auto;
	background: White;
}
#inside{
width: 854px;
text-align: center;
margin: 0 auto;
}
#header{
	height: 213px;
}

#header-two{
	height: 252px;
}

.multiun{
	background: url(../img/headers/two.jpg) no-repeat;
}

.multideux{
	background: url(../img/headers/two-bis.jpg) no-repeat;
}
.start{
	background: url(../img/headers/two-start.jpg) no-repeat;
}
.keyboard{
	background: url(../img/headers/two-keyboard.jpg) no-repeat;
}
.screens{
	background: url(../img/headers/two-screens.jpg) no-repeat;
}
.write{
	background: url(../img/headers/two-write.jpg) no-repeat;
}
.jquery{
	background: url(../img/headers/ajax-jquery.jpg) no-repeat;
}
.abs {
	position: absolute;
	left:-238px;
	width: 215px;
}


.titreHeader {
	float: left;
	text-align: left;
	padding-top: 75px;
	padding-left: 20px;
}

.titreHeader h1 {
	margin:0;
	color: #fff;
	font-size: 14px;
}

.titreHeader h2 {
	margin-top: 13px;
	color: #edf6d7;
	font-size: 10px;
}
/*  top menu */

#menu-flottant{
	float: right;
	padding-top: 5px;
	padding-right: 5px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
#menu-flottant ul{
	margin: 0;
	padding: 0;
	line-height: normal;
}

#menu-flottant li{
	float: left;
	list-style: none;
	margin: 0 0 0 0;
	padding: 0;
	/*background:url(../img/a-right.gif) no-repeat right top;*/
}

#menu-haut a{
	display: block;
	text-decoration: none;
	color: white;
	font-weight: bold;
	font-size: 10px;
	text-transform: uppercase;
	/* margin-left: 10px;*/
	/*background:url("../img/a-left.gif") no-repeat left top;*/
    padding: 5px 10px 15px 10px;
}

.current{
	background:url(../img/a-right-multimedia.gif) no-repeat right top;
}
.current a{
	background:url("../img/a-left-multimedia.gif") no-repeat left top;
}

/* second menu  */
#second-menu{
	padding-top: 185px;
	padding-left: 20px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}
#second-menu ul{
	margin: 0;
	padding: 0;
	font-size: 10px;
}
#second-menu li{
	float: left;
	list-style: none;
}
#second-menu a{
	display: block;
	color: White;
	text-decoration: none;
	margin-right: 10px;
	background: url(../img/separateur-deux-menu-multimedia.gif) no-repeat top right;
	padding-right: 10px;
}
#second-menu a:hover{
	color: #9dc546;
}
#second-menu a.selected{
	color: #caeb80;
}
#second-menu a.dernier{
	background: none;
}

/* trois menu  */
#trois-menu{
	height: 1px;
	margin-top: 40px;
	padding-left: 20px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}
#trois-menu ul{
	margin: 0;
	padding: 0;
	font-size: 10px;
}
#trois-menu li{
	float: left;
	list-style: none;
}
#trois-menu a{
	display: block;
	color: White;
	text-decoration: none;
	margin-right: 10px;
	background: url(../img/separateur-trois-menu-multimedia.gif) no-repeat top right;
	padding-right: 10px;
}
#trois-menu a:hover{
	color: #9dc546;
}
#trois-menu a.selected{
	color: #caeb80;
}
#trois-menu a.dernier{
	background: none;
}

.fourth-menu{
	float: left;
	width: 215px;
	text-align: left;
	font-size: 11px;
	margin-top: 26px;
	margin-bottom: 6px;
	background: #77a219;
}

.fourth-menu ul{
margin: 8px 0 10px 0;
padding: 0 0 0 20px;
}

.fourth-menu ul li{
list-style: none;
padding: 0;
margin: 0;
}

.fourth-menu a{
	color: White;
	text-decoration: none;
}

/*  ecrire  */
/* 12 pour 1er et 2ieme niveau, 34 pour "3ieme et 4ieme" */

#colonne-gauche12{
	float: left;
	width: 339px;
	margin-right: 18px;
}
#colonne-droite12{
float: left;
	width: 494px;
		margin-bottom: 13px;
}
#colonne-gauche34{
	float: left;
	width: 220px;
	margin-right: 18px;
}
#colonne-droite34{
	float: left;
	width: 605px;
	margin-bottom: 13px;
}
#ecrire{
	text-align: left;
	font-size: 11px;
	line-height: 18px;
	color: #262626;
	font-family: "Trebuchet MS",Verdana, Geneva, Arial, Helvetica, sans-serif;
}
#ecrire img{
	float: left;
	margin-right: 10px;
	margin-bottom: 5px;
}




#ecrire a.more, input.more, #ecrire a.more-blue, #ecrire a.more-green{
display: block;
float: left;
height: 25px;
text-decoration: none;
border: none;
color: white;
padding-top: 3px;
cursor: pointer;
}
span.moreleft, span.more-left-blue, span.more-left-green{
display: block;
float: left;
height: 25px;
width: 25px;
}
span.moreright, span.more-right-green{
display: block;
float: left;
height: 25px;
width: 15px;
}

/*  set backgrounds pour les btn savoir plus */

#ecrire a.more, input.more{
background: url(../img/moremiddle.png) no-repeat top left;
}
span.moreleft{
background: url(../img/moreleft.png) no-repeat top left;
}
span.moreright{
background: url(../img/moreright.png) no-repeat top left;
}


#ecrire a.more-blue{
background: url(../img/more-middle-blue.png) no-repeat top left;
}
span.more-left-blue{
background: url(../img/more-left-blue.png) no-repeat top left;
}
span.more-right-blue{
background: url(../img/more-right-blue.png) no-repeat top left;
}


#ecrire a.more-green{
background: url(../img/more-middle-green.png) no-repeat top left;
}
span.more-left-green{
background: url(../img/more-left-green.png) no-repeat top left;
}
span.more-right-green{
background: url(../img/more-right-green.png) no-repeat top left;
}








.resume, .attachement{
	float: left;
	width: 339px;
	text-align: left;
	font-size: 11px;
	margin-top: 26px;
	margin-bottom: 6px;
}
.special{
		background: #f3f5ed;
		margin-top: 20px;
		text-align: left;
}
.resume ul, .attachement ul{
width: 280px;
}
.resume{
		background: #d5e7ac;
}
.attachement{
	/*	background: #dfe6cf;*/
		background: #f3f5ed;
		}

.ref{
float: left;
margin-right: 15px;
width: 280px;
height: 140px;
text-align: left;
}
.ref img{
background: url(../img/refombre.jpg) no-repeat bottom center;
padding-bottom: 10px;
}
#contenu #ecrire .attachement a.pdf{
	background: url(../img/pdf.png) no-repeat;
	padding-left: 20px;
	border: none;
}
#ecrire p, #ecrire h1, #ecrire h2, #ecrire h3, #ecrire pre{
	padding-left: 20px;
	padding-right: 20px;
}
#ecrire pre{
background: #f7f7f7;
margin-left: 20px;

}
#ecrire h2{
	margin-top:10px;
	font-size: 16px;
}
#ecrire h3{
font-size: 14px;
}

#ecrire a{
	color: #262626;
	text-decoration: none;
	border-bottom: 1px dotted;
}

#ecrire .fourth-menu a{ color: white; border:none; }
#ecrire .fourth-menu a:hover{ color: #caeb80; border:none; }
#ecrire .fourth-menu a.selected{ color: #caeb80; }

ul.fifth{
	margin: 0;
	padding-left: 10px;
}

/*
interieur des niveaux 3 et 4
*/
.developpement34{
	position: relative;
	background: url(../img/ombre-content.gif) no-repeat top left;
	float: left;
	width: 605px;
	text-align: left;
	font-size: 11px;
	margin-top: 16px;
	text-align: justify;
}

/*
interieur des niveaux 1 et 2
*/
.developpement12{
	background: #f1f6e5;
	float: left;
	width: 494px;
	text-align: left;
	font-size: 11px;
	margin-top: 26px;
	text-align: justify;
}
.developpement34 h2, .developpement12 h2{
	font-size: 16px;
	color: #4a660b;
	padding-top: 10px;

}
.developpement34 h2 span, .developpement12 h2 span{
color: #333;
font-size: 12px;
}

h1{
	font-size: 14px;
	color: #094A7D;
}
h2{
	font-size: 13px;
}

/*  menu pied de page */


#global-bas{
	font-size: 10px;
	color: #959697;
	text-align: left;
}
#global-bas a{
	font-weight: bolder;
	text-decoration: none;
	color: #959697;
}
#pied-de-page{
		padding-left: 30px;
	padding-top: 26px;
}
